$(function () {
  // 需求1:点击退出,跳转到登录页面
  layer = layui.layer
  $('#loginout').on('click', function () {
    layer.confirm('确定退出登陆吗?', { icon: 3, title: '提示' }, function (index) {
      // 发生跳转
      location.href = '/login.html'
      // 清除token
      localStorage.removeItem('token')
      layer.close(index);
    });
  })
  // 渲染用户名和头像
  getUserInfo()
})

// 需求2:获取用户信息函数,要在全局作用域中
function getUserInfo() {
  axios({
    method: 'GET',
    url: '/my/userinfo',
    // headers: {
    //   Authorization: localStorage.getItem('token')
    // },
  }).then((res) => {
    // console.log(res.data.data);
    if (res.data.status !== 0) {
      return layui.layer.msg(res.data.message)
    }
    renderUserInfo(res.data.data)
  })
}

function renderUserInfo(userinfo) {
  // 欢迎名称有要求,优先赋值昵称,不存在才赋值登陆名称
  let name = userinfo.nickname || userinfo.username
  // 欢迎赋值
  $('.welcome').html('欢迎&nbsp;&nbsp;' + name)
  if (userinfo.user_pic == null) {
    // 没有图片头像,显示文字图片,以及昵称的第一个字母的大写隐藏图片头像
    $('.avatar-text').show().html(name[0].toUpperCase())
    $('.avatar-img').hide()
  } else {
    // 如果有图片头像,则显示图片头像,添加src属性,隐藏文字头像
    $('.avatar-text').hide()
    $('.avatar-img').show().attr('src', userinfo.user_pic)
  }
}


